// 注册页面
$(function() {
    // 1、点击获取验证码，获取验证码
    $('.getcode').on('click', function() {
        // 点过之后，禁止3秒内连续点击
        if ($(this).hasClass('disabled')) {
            return;
        } else {
            $(this).addClass('disabled');
            setTimeout(() => {
                $(this).removeClass('disabled');
            }, 3000);
        }
        $.ajax({
            type: 'get',
            url: '/user/vCode',
            success: function(res) {
                $('#wright-code').val(res.vCode);
            },
        })
    });

    // 全局定义一个变量，注册锁，只点击一次注册
    var registerLock = true;
    // 2、点击注册按钮，完成注册
    $('#login-btn').on('click', function() {
        // 2、1获取用户输入的数据，进行表单验证
        var username = $('[name="username"]').val();
        var tel = $('[name="tel"]').val();
        var psw = $('[name="psw"]').val();
        var psw_2 = $('[name="psw-2"]').val();
        var code = $('[name="code"]').val();

        $.ajax({
            type: 'post',
            url: '/user/register',
            data: {
                username: username,
                password: psw,
                mobile: tel,
                vCode: code
            },
            beforeSend: function() {
                // 表单验证
                if (!$.trim(username)) {
                    // mui自带的提示信息
                    mui.toast('请输入用户名');
                    // bug:ajax中beforeSend中return false 禁止发送请求
                    return false;
                }
                if (tel.length != 11) {
                    mui.toast('请输入正确的手机号');
                    return false;
                }
                if (psw != psw_2) {
                    mui.toast('两次密码不同');
                    return false;
                }
                if (code.length != 6) {
                    mui.toast('请输入正确的验证码');
                    return false;
                }
                // 发送之前验证注册锁,全局变量法
                if (registerLock) {
                    registerLock = false;
                } else {
                    return false;
                }
            },
            success: function(res) {
                console.log(res);
                mui.toast('注册成功');
                $('#login-btn').html('正在注册中...')
                    // 注册成功后2秒跳转到登录页面
                setTimeout(function() {
                    location.href = 'login.html';
                }, 2000);
            },
            // 实际开发中，需要写error函数
            error: function() {
                registerLock = true;
                // mui.toast('注册失败，请重新注册');
            }
        });
    });

});